<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style type="text/css">
			
			div{
				width:300px;
				height: 300px;
				border-top: #000000 dashed 10px;/* 写在一起 */
				
				border-left-color:yellow ;
				border-left-width:5px ;
				border-left-style: dotted;/* 分开写 */
				
				border-right: blue double 5px;
				border-bottom: red solid 10px;
				border-radius: 50px;
				box-shadow: 10px 10px 5px #888888;
				/* border-radius: 50px 150px 50px 150px;分别对四个角修饰圆角值 */
				/* border-color: #000000 #0000FF #FF0000 #FFFF00;分别对四条边设置颜色 顺序是上右下左  如果没写完四个颜色，上赋值下 右赋值左 上赋值右 */
			}	
		</style>
		
	</head>
	<body>
		<div>
		</div>
	</body>
</html>
